<style type="text/css">
    .table thead th {
        vertical-align: middle;
    }
    table td.ayat-arabic {
        font-family: myFirstFont;
        text-align: center;
        font-size: 25px;
        letter-spacing: 1px;
        vertical-align: middle;
        weight: 10%;
        line-height:40px;
    }
    table td.ayat {
        text-align: center;
        vertical-align: middle;
        weight: 10%;
        line-height:40px;
    }

    .spoiler-box {
        margin: 5px 20px 20px;
    }
    .spoiler-label {
        margin-bottom: 2px;
    }
    .spoiler-button {
        margin: 0px; 
        padding: 0px; 
        width: 55px; 
        font-size: 90%;
    }
    .spoiler-content-box {
        border: 1px inset;
        margin: 0px;
        padding: 6px;
    }
    /*.spoiler-content {
        display: none;
    }*/
    .btn {
        width: 55px;
        height: 15px;
        padding-top: 0;
    }
</style>
        
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">QAS</h1>
    </div>
</div>

<div id="content">
    <!-- TESSSS -->
    <!-- TESSSS -->
    <p>
        Question Answering System (QAS) merupakan sebuah sistem yang mengijinkan user menyatakan kebutuhan informasinya dalam bentuk yang lebih spesifik dan alami, yaitu dalam bentuk natural language question, dan tidak mengembalikan daftar dokumen yang harus disaring oleh user untuk menentukan apakah dokumen-dokumen tersebut mengandung jawaban atas pertanyaan, tetapi mengembalikan kutipan teks singkat atau bahkan frase sebagai jawaban [8].
    </p>
    <p>
        Sebagai contoh, apabila seorang user ingin mengetahui tempat kelahiran dari mantan presiden Amerika Serikat, George Washington, user dapat memberikan input pertanyaan seperti “Where was George Washington born?” Pada  QA system, dan memperoleh  output berupa potongan teks atau frase “Westmoreland Country” sebagai jawaban. Lain halnya dengan search angine, apabila user menginputkan pertanyaan di atas sebagai query, maka akan dikembalikan daftar dokumen yang memuat keyword query, dan untuk menemukan jawaban yang diinginkan, user harus menyaring setiap dokumen dengan seksama.
    </p>

    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#aturan1" data-toggle="tab">Aturan 1</a>
        </li>
        <li>
            <a href="#aturan2" data-toggle="tab">Aturan 2</a>
        </li>
        <li>
            <a href="#aturan3" data-toggle="tab">Aturan 3</a>
        </li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="aturan1">
            <p>
                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Apa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {apa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {maksud}) and contains(S, {adalah, yaitu, ialah})
                                    then Score(S) += 20
                                If contains (S, {adalah, yaitu})
                                    then Score(S) += 6
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Mengapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, {agar, karena, supaya, sebab, untuk})
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Siapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If ~contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 6

                                If contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Kapan</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {akhir}) and contains(S, {sejak, akhir})
                                    then Score(S) += 20
                                If contains(Q, {mulai, awal}) and contains(S, {sejak, mulai})
                                    then Score(S) += 20
                                If contains(S, WAKTU) and contains(S, {pada, selama})
                                    then Score(S) += 6
                                If contains(S, WAKTU)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Dimana</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, TEMPAT)
                                    then Score(S) += 20
                                If contains(S, PREPOSISI_TEMPAT)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div>  
            </p>
        </div>
        <div class="tab-pane fade" id="aturan2">
            <p>
                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Apa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {apa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {maksud}) and contains(S, {adalah, yaitu, ialah})
                                    then Score(S) += 20
                                If contains (S, {adalah, yaitu})
                                    then Score(S) += 6
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Mengapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, {agar, karena, supaya, sebab, untuk})
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Siapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If ~contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 6

                                If contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Kapan</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {akhir}) and contains(S, {sejak, akhir})
                                    then Score(S) += 20
                                If contains(Q, {mulai, awal}) and contains(S, {sejak, mulai})
                                    then Score(S) += 20
                                If contains(S, WAKTU) and contains(S, {pada, selama})
                                    then Score(S) += 6
                                If contains(S, WAKTU)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Dimana</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, TEMPAT)
                                    then Score(S) += 20
                                If contains(S, PREPOSISI_TEMPAT)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div>
            </p>
        </div>
        <div class="tab-pane fade" id="aturan3">
            <p>
                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Apa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {apa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {maksud}) and contains(S, {adalah, yaitu, ialah})
                                    then Score(S) += 20
                                If contains (S, {adalah, yaitu})
                                    then Score(S) += 6
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Mengapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, {agar, karena, supaya, sebab, untuk})
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div>

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Siapa</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If ~contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 6

                                If contains(Q, ORANG) and contains(S, ORANG)
                                    then Score(S) += 20
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Kapan</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(Q, {akhir}) and contains(S, {sejak, akhir})
                                    then Score(S) += 20
                                If contains(Q, {mulai, awal}) and contains(S, {sejak, mulai})
                                    then Score(S) += 20
                                If contains(S, WAKTU) and contains(S, {pada, selama})
                                    then Score(S) += 6
                                If contains(S, WAKTU)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div> 

                <div class="spoiler-box">
                    <div class="spoiler-label">
                        <h4>Rule Dimana</h4>
                        <span class="show-spoiler btn">show</span>
                        <span class="hide-spoiler btn">hide</span>
                    </div>
                    <div class="spoiler-content-box">
                        <div class="spoiler-content">
                            <pre class="brush:plain">
                                Q = (Q - {mengapa})

                                If (Q, {allah})
                                    then (Q + {kami})
                                elseif (Q, {kami})
                                    then (Q + {kamu})
                                else (Q, Q)

                                Score (S) += WordMatch(Q, S)

                                If contains(S, TEMPAT)
                                    then Score(S) += 20
                                If contains(S, PREPOSISI_TEMPAT)
                                    then Score(S) += 4
                            </pre>
                        </div>
                    </div>
                </div>
            </p>
        </div>
    </div>
      
</div>


<script type="text/javascript">
    // $('#myTab a').click(function (e) {
    //   e.preventDefault();
    //   $(this).tab('show');
    // });
    
    //~ $('#myTab a:first').tab('show');

    $(".hide-spoiler").hide();
    $(".spoiler-content").hide();
    $(".hide-spoiler").click(function(){
        $(this).parent().parent().find(".spoiler-content").slideUp();
        $(this).parent().parent().find(".hide-spoiler").hide();
        $(this).parent().parent().find(".show-spoiler").show();
    });
    $(".show-spoiler").click(function(){
        $(this).parent().parent().find(".spoiler-content").slideDown();
        $(this).parent().parent().find(".hide-spoiler").show();
        $(this).parent().parent().find(".show-spoiler").hide();
    });
</script>
